.errorSection {
  position: relative;
  width: 100vw;
  height: 100vh;

  img {
    position: absolute;
    top: 10vh;
    left: 20%;
    width: 50vw;
  }

  .errorRight {
    position: absolute;
    left: 55%;
    top: 30vh;
    display: flex;
    flex-direction: column;

    .errorTitle {
      margin-bottom: 25px;
      color: rgb(23, 121, 237);
      font-size: 40px;
      font-weight: 900;
      text-align: left;
      animation: moveIn 0.8s forwards;
    }

    .errorWarning {
      opacity: 0;
      margin-bottom: 15px;
      font-size: 25px;
      font-weight: 900;
      animation: moveIn 0.8s 0.1s forwards;
    }

    .errorTips {
      opacity: 0;
      margin-bottom: 30px;
      color: rgb(163, 165, 166);
      animation: moveIn 0.8s 0.2s forwards;
    }

    .errorButton {
      opacity: 0;
      width: 125px;
      height: 40px;
      animation: moveIn 0.8s 0.3s forwards;

      &:hover {
        text-decoration: underline;
      }
    }
  }
}

@keyframes moveIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
    transform: translateY(-20px);
  }
}
